body {
    background:#BE1E2D;
}

.wrap{
    padding:2px;
    width:120px;
    height:120px;
    position:relative;
    display:inline-block;
    margin:10px 10px;}

.xbar{
    width:6em;
    height:6em;
    background: #111;
    position: relative;
    border-radius:50%;
    box-shadow: .2em .2em  1px 0px #A01223;


}


.xbar:after, .xbar:before{
    content: "";
    position: absolute;
    display: block;
    top:50%;
    left:50%;
    height: 3em;
    width:1em;
    margin-top:-1.5em;
    margin-left:-0.5em;
    background:#fff;
    display:block;

}
.xbar:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    box-shadow: .18em 0 0 -1px #000;


}
.xbar:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    box-shadow: 0 .18em  0 -1px #000;
}

.ctrl{
    position:fixed;
    width:70px;
    height:70px;
    background-image: url("//s3-us-west-2.amazonaws.com/s.cdpn.io/100606/profile/profile-512_1.jpg");
    background-size:100%;
    bottom:0;
    right:0;
    margin:20px;
    box-shadow: 5px 5px  0px 0px #000;
}